iT邦幫忙

2024 iThome 鐵人賽

DAY 10
0
佛心分享-IT 人自學之術

新手踏入網頁前端的世界系列 第 10

Day10 影音格式與標籤

  • 分享至 

  • xImage
  •  

首先是HTML5支援的影音檔案格式

以下將介紹7種常用的格式:

  • MPEG副檔名為.mpg或.mpeg
  • AVI副檔名為.avi
  • WMV副檔名為.wmv
  • QuickTime 副檔名為.mov
  • RealVideo副檔名為.rm或.ram
  • Flash副檔名為.swf或.flv
  • Mpeg-4副檔名為.mp4

接著介紹影音標籤 <video>

功用是能將影音檔案放置於網頁中撥放。
以下介紹其屬性:

  • src代表影音來源。
  • poster設定影片開播前所顯示的預覽圖片。
  • preload設定點選網頁時,是否載入影片。
  • autoplay設定自動撥放,且不需要加屬性值。
  • loop設定是否重複播放,且不需要屬性值。
  • muted 預設影片播放是否靜音,且不需要屬性值。
  • controls設定是否有控制面板(含停止、快轉等),且不需要屬性值。
  • width設定影片寬度(像素)。
  • height設定影片高度(像素)。

聲音標籤 <audio>

功用是將聲音檔案( 如:mp3、wav )在網頁上播放。
以下介紹其屬性:
src、preload、autoplay、loop、muted、controls。
( 由於屬性的特質在影音標籤介紹過,在此就不再贅述 )

插入外部檔案資源標籤 <embed>

功用是插入影片、聲音、圖片和HTML檔案在網頁上。


上一篇
Day9 實作範例 &顏色RGB
下一篇
Day11實作範例 &物件與腳本標籤
系列文
新手踏入網頁前端的世界30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言